.dm-content{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    header{
        width: 100%;
        height: .5rem;
        background-color: #f5f5f5;
        display: flex;
        align-content: center;
        nav{
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            .dm-logo{
                width: .72rem;
                height: .22rem;
                display: flex;
                font-size: .16rem;
                align-items: center;
                justify-content: center;
                i{
                    line-height: 17px;
                    text-align: center;
                    width: 18px;
                    height: 17px;
                }
                span{
                    color: #222;
                    font-size: .16rem;
                    margin-left: .05rem;
                }
            }
            .dm-search{
                padding-left:.1rem;
                width: 2.42rem;
                height: .27rem;
                display: flex;
                align-items: center;
                background-color: #fff;
                border-radius: 15px;
                i{
                    line-height: 17px;
                    text-align: center;
                    width: 18px;
                    height: 17px;
                }
                span{
                    color: #999;
                }
            }
            .user-info{
                width: .54rem;
                height: .26rem;
                text-align: center;
                line-height: .26rem;
                padding-right: .2rem;
                padding-left: .1rem;
                font-size: .2rem;
            }
        }
    }
    main{
        width: 100%;
        flex:1;
        display: flex;
        //flex-direction: column;
        flex-wrap: wrap;
        background-color: #fff;
        overflow-y: scroll;
        .link-swiper{
            width: 100%;
            height: 1.41rem;
        }
        .swiper-container{
            width: 100%;
            height: 100%;
            .swiper-wrapper{
                //overflow-x: scroll;
            }
            img{
                width: 100%;
                height: 100%;
            }
        }
        .dm-classify{
            width: 100%;
            height: 1.58rem;
            padding: .24rem 0 .12rem;
            
            display: flex;
            flex-wrap: wrap;
            
            li{
                width: 25%;
                height: 50%;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                .list-one{
                    background: url("https://img.alicdn.com/tfs/TB11Qyre2WG3KVjSZFgXXbTspXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-two{
                    background: url("https://img.alicdn.com/tfs/TB10l5BeYus3KVjSZKbXXXqkFXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-three{
                    background: url("https://img.alicdn.com/tfs/TB1Y5Cte21G3KVjSZFkXXaK4XXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-four{
                    background: url("https://img.alicdn.com/tfs/TB1JoCAeWWs3KVjSZFxXXaWUXXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-five{
                    background: url("https://img.alicdn.com/tfs/TB1wgeve8aE3KVjSZLeXXXsSFXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-six{
                    background: url("https://img.alicdn.com/tfs/TB1IIawe9WD3KVjSZSgXXcCxVXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-seven{
                    background: url("https://img.alicdn.com/tfs/TB1Icawe9WD3KVjSZSgXXcCxVXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                .list-eight{
                    background: url("https://img.alicdn.com/tfs/TB1uDaye8Gw3KVjSZFDXXXWEpXa-84-84.png_q80.jpg_.webp") no-repeat;
                    background-size: auto 100%;
                    background-position: center;
                }
                span{
                    width: .64rem;
                    padding: 0 .16rem 0 .16rem;
                    height: .32rem;
                   
                }
                
                p{
                    margin-top: .05rem;
                    text-align: center;
                }
            }
        }
        .kuajing{
            width: 100%;
            height: 1.2rem;
            .dm-banner-second{
                width: 100%;
                height: 1.2rem;
                background: url("https://gw.alicdn.com/imgextra/i1/2251059038/O1CN019jaxIR2GdS9YCxCU4_!!2251059038.gif") no-repeat;
                background-size: 100%;
            }
        }
        
        .artist-list{
            width: 100%;
            height: 1.65rem;
            margin-top:.28rem;
            
            .artist-list-wrap{
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                .artist-title{
                    width: 100%;
                    height: .22rem;
                    padding-left: .24rem;
                    margin-bottom: .19rem;
                    display: flex;
                    position: relative;
                    font-size: .18rem;
                    font-weight: 600;
                    color: #000;
                    // justify-content: space-between;
                    span{
                        position: absolute;
                        right: .24rem;
                        color: #999;
                        font-size: .14rem;
                        font-weight: normal;
                    }
                }
               .artist-content{
                   flex: 1;
                   margin-left:.24rem;
                   ul{
                       width: 100%;
                       height: 100%;
                       background-color: #efe;
                       //display: flex;
                       overflow-x:scroll;
                       white-space: nowrap;
                       
                       li{
                           display: inline-block;
                           width: 2.28rem;
                           height: 1.18rem;
                           padding: 0 .16rem;
                           margin-right: .2rem;
                            background: #fff;
                            @include border(1px);
                            overflow: hidden;
                           .artist-top{
                               width: 100%;
                               height: .8rem;
                               @include border(0 0 1px 0);
                               
                               display: flex;
                               justify-content: space-around;
                               align-items: center;
                               span{
                                   width: .6rem;
                                   height: .6rem;
                                   
                                //    background: #999;
                               }
                               .zhoujielun{
                                   background:url("https://intercms.damai.cn/artist/pic/1535596053705/1535596053705-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                                   background-size: cover;
                                   border-radius: 50%;
                               }
                               .xuezhiqian{
                                   background: url("https://intercms.damai.cn/artist/pic/1534413417645/1534413417645-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                                   background-size: cover;
                                   border-radius: 50%;
                               }
                               .wuyuetian{
                                   background: url("https://intercms.damai.cn/artist/pic/1534413438481/1534413438481-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                                   background-size: cover;
                                   border-radius: 50%;
                               }
                               .zhangjie{
                                background: url("https://intercms.damai.cn/artist/pic/1535534488888/1535534488888-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                                background-size: cover;
                                border-radius: 50%;
                            }
                               i{
                                   width: .8rem;
                                   padding-left: .15rem;
                                   display: flex;
                                   flex-direction: column;
                                   font-size: .18rem;
                                   b{
                                       font-size: .12rem;
                                       color: #999;
                                       
                                   }
                               }
                               em{
                                border: 1px red solid;
                                width: .6rem;
                                height: .3rem;
                                text-align: center;
                                line-height: .3rem;
                                border-radius: .2rem;
                               }

                           }
                           .artist-bottom{
                               width: 100%;
                               height: .38rem;
                               display: flex;
                               justify-content: space-between;
                               align-items: center;
                               
                           }
                       }
                       
                   }
               }
            }
        }
        // 近期出演
        .dm-close-show{
            width: 100%;
            height: 4rem;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            .show-title{
                width: 100%;
                height: .8rem;
                font-size: .18rem;
                font-weight: 700;
                position: relative;
                padding: .32rem .24rem .24rem;
                span{
                        position: absolute;
                        right: .24rem;
                        color: #999;
                        font-size: .14rem;
                        font-weight: normal;
                }
            }
            .show-week{
                width: 100%;
                height: .52rem;
                padding: 0 .24rem .32rem;
                font-size: .16rem;
                display:flex;
                justify-content: space-between;
                .active{
                    color: #999;
                } 
            }
            .show-work{
                height:2.5rem;
                width: 100%;
                padding: 0 0 .32rem .24rem;
                ul{
                    width: 100%;
                    height: 2.5rem; 
                    display: flex;
                    overflow-x: scroll;
                    li{
                        display: inline-block;
                        height: 100%;
                        width: 1.5rem;
                        margin-right: .15rem;
                        display: flex;
                        flex-wrap: wrap;
                    
                        span{
                            width: 1.5rem;
                            height: .16rem;
                            text-overflow: ellipsis;
                            overflow-x:scroll;
                            white-space: nowrap;
                        }
                        .show-img{
                            border-radius: .05rem;
                            width: 100%;
                            height: 1.9rem;
                            //background: url("https://img.alicdn.com/bao/uploaded/i3/2251059038/O1CN0150vBm22GdSBnLOApZ_!!0-item_pic.jpg_q60.jpg_.webp")no-repeat;
                            background-size:100%;
                        }
                        
                    }
                }
            }
        }
        h2{
            display: block;
            width: 100%;
            height: .4rem;
            padding-left: .24rem;
            padding-top:.1rem;
            font-size: .18rem;
        }
        .dm-content-more{
            width: 100%;
            min-height: 11.3rem;
            // padding-left: .24rem;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            margin: 0;
            .content-more-title{
                margin: 0;
                background: #fff;
                width: 100%;
                height: .52rem;
                position: sticky;
                top:-.1rem;
                z-index: 99;
                display: flex;
                justify-content: space-around;
                align-items: center;
            }
            .content-more-list{
                flex:1;
               
                display: flex;
                flex-direction: column;
                .data-show{
                    width: 100%;
                    height: 1.92rem;
                    
                    padding: .24rem .24rem .48rem;
                    display: flex;
                    justify-content: space-between;
                    .data-img{
                        width: .91rem;
                        height: 100%;
                        img{
                            width: .91rem;
                            height: 100%;
                        }
                    }
                    .data-desc{
                        width: 2.2rem;
                        height: 100%;
                        .data-desc-name{

                            font-size: .18rem;
                            font-weight: 700;
                        }
                        .data-desc-city{
                            width: 100%;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            color: #999;
                        }
                        .data-desc-price{
                            font-size: .18rem;
                            color: #ff1268;
                        }
                    }
                }
            }

        }
    }
}